<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>
			办公系统
	    </title>	
	    <link rel="stylesheet" href="_css/project.css" type="text/css"/>	    
	    <link rel="stylesheet" href="_js/easyui/themes/default/easyui.css" type="text/css"/>				  
	    <link rel="stylesheet" href="_js/easyui/themes/icon.css" type="text/css"/>
	    <script type=text/javascript src="_js/easyui/jquery-1.8.0.min.js"></script>
	    <script type="text/javascript" src="_js/easyui/jquery.easyui.min.js"></script>
	    <script type="text/javascript" src="_js/easyui/locale/easyui-lang-zh_CN.js"></script>
		<script type="text/javascript">
			$(function(){
				$("#tasksGrid").datagrid({
					url: '_js/task_list_data.json',rownumbers:true,idField:'id',fit:true,fitColumns:true,pagination:true,nowrap:false,singleSelect:true,
					onClickRow:function(index,row) {
						//window.location.href = "task_list.html";	
					}	
				});				
			});
		</script>
    </head>
    <body class="easyui-layout">
		<div data-options="region:'north',split:true" style="height:50px">
			办公系统
		</div>
		<div data-options="region:'west',split:true" title="导航菜单" style="width:180px;">
			<div class="easyui-accordion" data-options="fit:true,border:false">
				<div title="资产管理">
					<ol>
						<li><a href="">资产库</a></li>
						<li><a href="">领取审批</a></li>
					</ol>
				</div>
				<div title="项目管理" data-options="selected:true">
					<ol>
						<li><a href="my_task.html">我的任务</a></li>
						<li><a href="project_list.html">项目列表</a></li>
						<li><a href="task_list.html">任务列表</a></li>
						<li><a href="project_gantt.html">甘特图</a></li>
					</ol>
				</div>				
				<div title="系统管理">
					<ol>
						<li>用户管理</li>
						<li>角色管理</li>
					</ol>
				</div>				
			</div>
		</div>
		<div data-options="region:'center',title:'项目管理'" style="padding:5px;">
	    	<div class="easyui-layout" data-options="fit:true">
				<div data-options="region:'center',border:false">
					<table id="tasksGrid" title="名称：试验环电子冷却新电源">
						<thead>
							<tr>
								<th data-options="field:'code'" width="80">编号</th>
								<th data-options="field:'name'" width="220">名称</th>
								<th data-options="field:'principal'" width="100">负责人</th>
								<th data-options="field:'fromDate'" width="75">开始日期</th>
								<th data-options="field:'toDate'" width="75">结束日期</th>
								<th data-options="field:'status'" width="40">状态</th>						
							</tr>
						</thead>
					</table>					
				</div>
				<div data-options="region:'south',border:false" style="height:240px;padding-top:5px;">
					<div class="easyui-tabs" data-options="fit:true" style="">
					    <div data-options="title:'资源'" style="padding:5px;overflow:auto;">
							资源
						</div>
						<div data-options="title:'人员'" style="padding:5px;overflow:auto;">
							人员
						</div>
						<div data-options="title:'日志'" style="padding:5px;overflow:auto;">
							日志
						</div>
						<div data-options="title:'反馈'" style="padding:5px;overflow:auto;">
							反馈
						</div>
						<div data-options="title:'成果'" style="padding:5px;overflow:auto;">
							成果
						</div>
					</div>
				</div>
	    	</div>			
		</div>        
    </body>
</html>
